<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // const obj = Object.create({})
        // console.log(obj)
        const person = {
            isHuman: false,
            printIntroduction: function() {
            console.log(`My name is ${this.name}. Am I human? ${this.isHuman}`);
            }
        };

        const me = Object.create(person);
        console.log(person)
        console.log(me.__proto__ === person)
        me.name = 'Matthew'; // "name" is a property set on "me", but not on "person"
        me.isHuman = true; // inherited properties can be overwritten

        me.printIntroduction();
        // expected output: "My name is Matthew. Am I human? true"
    </script>
</body>
</html>